﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Mockingbird login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive HTML template for Your company">
    <!-- Le styles -->
    <link href="~/Content/style/bootstrap.min.css" rel="stylesheet">
    <link href="~/Content/style/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="~/Content/style/bootstrap-theme.min.css" rel="stylesheet">
    <link href="~/Content/style/mockingbird.css" rel="stylesheet">
    @RenderSection("Styles", false);
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Le favicon -->
    <script type="text/javascript">
        var Site = {};

        Site.getSiteBase = function () {
            var base = '@VirtualPathUtility.ToAbsolute("~/")';
            return base;
        };

        Site.getSiteUrl = function () {
            var href = window.location.href;
            var b = href.split('/');
            href = "http://" + b[2] + Site.getSiteBase();

            return href;
        };


        Site.getPathToActionMethod = function (action, controller) {
            var base = Site.getSiteBase();
            var path = base + controller + "/" + action + "/";

            return path;
        };

        Site.getFullPathToActionMethod = function (action, controller) {
            var base = Site.getSiteUrl();
            var path = base + controller + "/" + action + "/";

            return path;
        };

    </script>
</head>
<body>
    @if (User != null)
    {
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navigation-global">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                            </span>
                        </button>
                        <a class="navbar-brand" href="#">Mockingbird</a>
                    </div>
                    <div class="navigation-search-bar">
                        <div class="navigation-search">
                            @using (Ajax.BeginForm("Search", "User", null, new AjaxOptions
                                                                         {
                                                                             HttpMethod = "GET",
                                                                             UpdateTargetId = "main-stream",
                                                                             InsertionMode = InsertionMode.Replace
                                                                         }, new { @class = "form-horizontal" }))
                            {

                                <input class="search-input" type="text" name="username" id="search-query" placeholder="Search users" />
                                <!-- Button -->
                                <button type="submit" class="btn btn-black glyphicon glyphicon-search">
                                </button>
                                <button type="button" id="clear-search" class="btn btn-info btn-xs">
                                clear
                                </button>
                            
                            }
                        </div>
                    </div>
                    <!--end of navigaion search bar -->
                    <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="@Url.Action("Index", "Home")"><span class="new-wrapper"><i class="nav-home">
                            </i></span><span class="text">Home</span> </a></li>
                            <li><a href="@Url.Action("Index", "NewsFeed")"><span class="new-wrapper"><i class="nav-me"></i></span><span class="text">
                                My Page </span></a></li>
                            <li><a href="@Url.Action("LogOut", "Account")"><span class="new-wrapper"><i class="nav-me">
                            </i></span><span class="text">Log Out </span></a></li>
                        </ul>
                    </div>
                </div>
                <!-- end of navigation global -->
            </div>
        </div>
    }
    <div>
        @RenderBody()
    </div>
    <!-- Le javascript
            ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="~/Scripts/jquery.js"></script>
    <script src="~/Scripts/jquery-ui/ui/jquery-ui.js"></script>
    <script src="~/Scripts/bootstrap.js"></script>
    <script src="~/Scripts/backstretch.min.js"></script>
    <script src="~/Scripts/mockingbird.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    @RenderSection("Scripts", false);
</body>
</html>
